<template>
  <div>
    <UploadExcel :on-success="upload" />
  </div>
</template>

<script>
import { importEmployees } from '@/api/employees'
export default {
  methods: {
    async upload(data) {
      // data.header 就是表头
      // data.results 就是数据
      console.log('来源数据', data.results)
      const users = data.results.map(user => {
        // 我假设已经写好了一个函数, 这个函数接收中文key用户对象
        // 返回英文key用户对象
        return this.zh2en(user)
      })

      console.log('目标结果', users)

      // 数据转换完毕 发送请求
      // 发送完毕
      await importEmployees(users)
      // 提醒用户
      this.$message.success('导入成功')
      // 回到员工页
      // this.$router.push('/employees')
      this.$router.back()
    },
    zh2en(user) {
      const newUser = {}
      const dict = {
        '入职日期': 'timeOfEntry',
        '手机号': 'mobile',
        '姓名': 'username',
        '转正日期': 'correctionTime',
        '工号': 'workNumber'
      }
      for (const key in user) {
        // 遍历旧用户中文 key
        // 需要拿到对应英文 key 和 旧的 value
        // 一起放到新用户中
        const enKey = dict[key]
        // 一般来说, 翻译时直接将 value 放入英文key即可
        // 但是特殊情况下, 比如日期, value 需要先经过转换
        const value = user[key]
        if (enKey === 'timeOfEntry' || enKey === 'correctionTime') {
          // 转日期格式, 函数可以转字符串, 再交给 new Date() 形成日期对象
          newUser[enKey] = new Date(this.formatDateExcel(value, '/'))
        } else {
          // 正常使用 value 即可
          newUser[enKey] = value
        }
      }
      return newUser
    },
    formatDateExcel(numb, format) {
      const time = new Date((numb - 1) * 24 * 3600000 + 1)
      time.setYear(time.getFullYear() - 70)
      const year = time.getFullYear() + ''
      const month = time.getMonth() + 1 + ''
      const date = time.getDate() - 1 + ''
      if (format && format.length === 1) {
        return year + format + month + format + date
      }
      return year + (month < 10 ? '0' + month : month) + (date < 10 ? '0' + date : date)
    }
  }
}
</script>

<style>

</style>
